<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="css/base.css"/>
    <link rel="stylesheet" href="css/lxStyle.css"/>
    <script src="js/jquery-1.12.4.js"></script>
    <script src="js/lxJs.js"></script>
    <script src="js/common.js"></script>
    <script src="js/news.js"></script>

</head>
<body>
<!--知名客户start-->
<div>
    <div class="topimg"></div>
    <img src="images/zmkh.png" alt=""/>
</div>
<!--知名客户 end-->

<!--导航 start-->
<div class="header">
    <div class="headerBox"></div>
    <div class="logo"></div>
    <i class="line" id="line"></i>
    <div class="menu" id="menu">
        <ul class="list-inline">
            <li><a href="..\首页\index.html">首页</a></li>
            <li><a href="..\业务\yewu.html" target="_blank">业务</a></li>
            <li><a href="..\案例\case.html" target="_blank">案例</a></li>
            <li><a href="#">客户</a></li>
            <li><a href="#">品质</a></li>
            <li><a href="#">增值</a></li>
            <li><a href="#">关于</a></li>
            <li><a href="..\联系\contactUs.html" target="_blank">联系</a></li>
        </ul>
    </div>
    <div class="hotline">
        <a href="tel:4006123011" title="网站建设免费咨询热线"><s></s><span>4006-123-011</span></a>
    </div>
</div>
<div id="box">
    <!--F1知名客户-->

    <!--F2公司简介start-->
    <div class="aboutUs">
        <div class="abText">
            <div class="mt ac">
                <h1>公司简介</h1>
                <span>About Us</span>
            </div>
            <div class="mc al">
                <p>
                    千助科技成立于2001年，是国内较早专注于网站及信息化咨询服务商，提供专业的PC端网站建设（品牌展示型、官方门户型、电子商务型、营销商务型及信息门户型）、移动端应用（手机站、微网站、APP应用）、3D虚拟仿真（DIY体验、360°全景展厅、3D虚拟仿真）等一系列互联网应用服务，旗下拥有广州优网、深圳优网、博思协创三个全资子公司。广州优网、深圳优网擅长创意设计、网站与各类业务系统深度整合以及大型项目的执行与管理。博思协创擅长协同管理软件应用创新和基于新浪SAE云引擎、阿里ACE云引擎、开放缓存服务、开放数据处理服务构建企业管理平台。</p>

                <p>经过十几年的积累，千助科技员工总数逾150人，拥有项目经理、设计师、工程师90多人。优网科技秉承"专业团队、品质服务"
                    的经营理念，诚信务实的服务了6000多家客户，成为400家集团、上市公司的长期合作伙伴。千助科技愿意用十几年的行业经验与领先的互联网应用技术，帮助客户实践企业互联网品牌营销战略。</p>
            </div>

        </div>
        <div class="abImage" id="abImage">
            <ul>
                <li><img src="images/20150317153556_966.jpg" title="公司实景" alt=""/></li>
                <li><img src="images/20150317153545_905.jpg" title="公司实景" alt=""/></li>
                <li><img src="images/20150317153533_406.jpg" title="公司实景" alt=""/></li>
                <li><img src="images/20150317153502_310.jpg" title="公司实景" alt=""/></li>
                <li><img src="images/20150317153634_164.jpg" title="公司实景" alt=""/></li>
                <li><img src="images/20150317153626_487.jpg" title="公司实景" alt=""/></li>
                <li><img src="images/20150317153616_540.jpg" title="公司实景" alt=""/></li>
                <li><img src="images/20150317153606_725.jpg" title="公司实景" alt=""/></li>
            </ul>
            <div id="arr">
                <a href="javascript:;" class="left" id="left"></a>
                <a href="javascript:;" class="right" id="right"></a>
            </div>
        </div>
    </div>
    <!--公司简介部分 end-->

    <!--F3荣誉资质-->
    <div class="honor">
        <div class="hr-content">
            <b>荣誉资质</b>
            <span class="hrspan">Honor</span>

            <p>为客户提供更有价值的网站建设和信息化服务</p>

            <div class="hr-text">
                <dl class="fixed f31" style="display:none ">
                    <dt><img src="images/hrpic23.jpg" id="hrpic23"></dt>
                    <dd><span>01</span><a href="#">《新浪云商店战略合作伙伴》</a></dd>
                    <dd><span>02</span><a href="#">《中国互联网技术创新企业》</a></dd>
                    <dd><span>03</span><a href="#">《欧派集团互联网战略伙伴》</a></dd>
                    <dd><span>04</span><a href="#">《广州商业总会互联网服务商》</a></dd>
                    <dd><span>05</span><a href="#">《广百集团电子商务服务顾问》</a></dd>
                    <dd><span>06</span><a href="#">《广东省学习型企业先进单位》</a></dd>
                    <dd><span>07</span><a href="#">《新浪云计算平台最具潜力企业》</a></dd>
                </dl>
                <dl class="fixed f32" style="display:none ">
                    <dt><img src="images/hrpic24.jpg" id="hrpic24"/></dt>
                    <dd><span>08</span><a href="#">《微信开放平台微办公合作伙伴》</a></dd>
                    <dd><span>09</span><a href="#">《网页设计师联盟-金牌网站设计》</a></dd>
                    <dd><span>10</span><a href="#">《中兴通讯互联网服务认证供应商》</a></dd>
                    <dd><span>11</span><a href="#">《中国智能家居行业协会互联网服务商》</a></dd>
                    <dd><span>12</span><a href="#">《广州家具行业协会互联网服务供应商》</a></dd>
                    <dd><span>13</span><a href="#">《站酷(ZCOOL)-场景桌面设计大赛二等奖》</a></dd>
                    <dd><span>14</span><a href="#">《站酷(ZCOOL)-设计师线下平台赞助商》</a></dd>
                </dl>
            </div>
        </div>
    </div>
    <script>
        $(window).scroll(function () {
            var h = $(window).scrollTop();

            if (h >= 1300) {
                $(".fixed").slideDown();
            }
        });


    </script>


    <!--F4服务流程-->
    <div id="f5" class="workFlow">
        <div class="aboutTit wp">
            <h4><b>服务流程</b><span>Work flow</span></h4>

            <p class="grayWord">千助科技以客户需求为导向，顾问式服务贯彻项目全程。</p>
        </div>
        <div class="wfBox wp" id="wfBox">
            <div class="line1"></div>
            <div class="dot dot1 odd">
                <div class="icon"></div>
                <h6>需求收集</h6>

                <div class="wfBoxBg">
                    <div class="topCir"></div>
                    <div class="bg">
                        <ul>
                            <li><a href="javascript:;">竞争能力分析</a></li>
                            <li><a href="javascript:;">SWOT分析</a></li>
                            <li><a href="javascript:;">可行性分析</a></li>
                        </ul>
                    </div>
                    <div class="bottomCir"></div>
                </div>
            </div>
            <div class="dot dot2 even">
                <div class="icon"></div>
                <h6>方案规划</h6>

                <div class="wfBoxBg">
                    <div class="topCir"></div>
                    <div class="bg">
                        <ul>
                            <li><a href="javascript:;">成立方案工作小组</a></li>
                            <li><a href="javascript:;">需求分析</a></li>
                            <li><a href="javascript:;">功能分析</a></li>
                            <li><a href="javascript:;">内容规划</a></li>
                            <li><a href="javascript:;">方案策划</a></li>
                        </ul>
                    </div>
                    <div class="bottomCir"></div>
                </div>
            </div>
            <div class="dot dot3 odd">
                <div class="icon"></div>
                <h6>项目立项</h6>

                <div class="wfBoxBg">
                    <div class="topCir"></div>
                    <div class="bg">
                        <ul>
                            <li><a href="javascript:;">成立项目组</a></li>
                            <li><a href="javascript:;">项目启动</a></li>
                            <li><a href="javascript:;">项目调研</a></li>
                            <li><a href="javascript:;">项目WBS分解</a></li>
                            <li><a href="javascript:;">流程分析</a></li>
                            <li><a href="javascript:;">需求定义</a></li>
                            <li><a href="javascript:;">验收标准</a></li>
                            <li><a href="javascript:;">项目备案</a></li>
                            <li><a href="javascript:;">项目管理</a></li>
                        </ul>
                    </div>
                    <div class="bottomCir"></div>
                </div>
            </div>
            <div class="dot dot4 even" style=" bottom: 0px;">
                <div class="icon"></div>
                <h6>创意设计</h6>

                <div class="wfBoxBg">
                    <div class="topCir" style="display: none;"></div>
                    <div class="bg" style="height: 0px;">
                        <ul>
                            <li><a href="javascript:;">创意规划</a></li>
                            <li><a href="javascript:;">页面设计</a></li>
                            <li><a href="javascript:;">创意设计</a></li>
                            <li><a href="javascript:;">设计确认</a></li>
                        </ul>
                    </div>
                    <div class="bottomCir" style="display: none;"></div>
                </div>
            </div>
            <div class="dot dot5 odd" style="top: 0px;">
                <div class="icon"></div>
                <h6>程序开发</h6>

                <div class="wfBoxBg">
                    <div class="topCir" style="display: none;"></div>
                    <div class="bg" style="height: 0px;">
                        <ul>
                            <li><a href="javascript:;">前端切图</a></li>
                            <li><a href="javascript:;">用户体验</a></li>
                            <li><a href="javascript:;">系统结构设计</a></li>
                            <li><a href="javascript:;">功能开发</a></li>
                            <li><a href="javascript:;">功能确认</a></li>
                        </ul>
                    </div>
                    <div class="bottomCir" style="display: none;"></div>
                </div>
            </div>
            <div class="dot dot6 even" style=" bottom: 0px;">
                <div class="icon"></div>
                <h6>客户审核</h6>

                <div class="wfBoxBg">
                    <div class="topCir" style="display: none;"></div>
                    <div class="bg" style="height: 0px;">
                        <ul>
                            <li><a href="javascript:;">客户意见</a></li>
                            <li><a href="javascript:;">拓展性规划</a></li>
                            <li><a href="javascript:;">应变管理</a></li>
                            <li><a href="javascript:;">系统测试</a></li>
                        </ul>
                    </div>
                    <div class="bottomCir" style="display: none;"></div>
                </div>
            </div>
            <div class="dot dot7 odd" style="top: 0px;">
                <div class="icon"></div>
                <h6>客户验收</h6>

                <div class="wfBoxBg">
                    <div class="topCir" style="display: none;"></div>
                    <div class="bg" style="height: 0px;">
                        <ul>
                            <li><a href="javascript:;">验收合格</a></li>
                            <li><a href="javascript:;">网站上线</a></li>
                            <li><a href="javascript:;">用户支持</a></li>
                        </ul>
                    </div>
                    <div class="bottomCir" style="display: none;"></div>
                </div>
            </div>
            <div class="dot dot8 even" style=" bottom: 0px;">
                <div class="icon"></div>
                <h6>后期维护</h6>

                <div class="wfBoxBg">
                    <div class="topCir" style="display: none;"></div>
                    <div class="bg" style="height: 0px;">
                        <ul>
                            <li><a href="javascript:;">后期维护</a></li>
                            <li><a href="javascript:;">操作手册</a></li>
                            <li><a href="javascript:;">运营维护</a></li>
                            <li><a href="javascript:;">升级规划</a></li>
                            <li><a href="javascript:;">未来发展研究</a></li>
                        </ul>
                    </div>
                    <div class="bottomCir" style="display: none;"></div>
                </div>
            </div>
        </div>
    </div>
    <script>
        //动画显示出页面
        $(window).scroll(function () {
            var h = $(window).scrollTop();
            if (h >= 1400) {
                var t = 1;
                var fwTime = setInterval(function () {
                    $(".dot" + t).animate({"opacity": 1}, 800);
                    t++;
                    if (t > 8) {
                        clearInterval(fwTime);
                    }
                }, 200);
            }
        });


        //奇数圆圈的动画效果
        $('.wfBox .odd').hover(function () {
            var self = $(this),
                    bg = self.find('.bg');

            self.stop(true, true).animate({top: '-40px'});
            self.find('.topCir,.bottomCir').css('display', 'block');
            bg.stop(true, true).animate({height: bg.get(0).scrollHeight});
        }, function () {
            var self = $(this),
                    bg = self.find('.bg');

            self.stop(true, true).animate({top: 0});
            bg.stop(true, true).animate({height: 0}).queue(function () {
                self.find('.topCir,.bottomCir').css('display', 'none');
            });
        });

        //偶数圆圈的动画效果
        $('.wfBox .even').hover(function () {
            var self = $(this),
                    bg = self.find('.bg');

            self.stop(true, true).animate({bottom: '140px'});
            self.find('.topCir,.bottomCir').css('display', 'block');
            bg.stop(true, true).animate({height: bg.get(0).scrollHeight});
        }, function () {
            var self = $(this),
                    bg = self.find('.bg');

            self.stop(true, true).animate({bottom: 0});
            bg.stop(true, true).animate({height: 0}).queue(function () {
                self.find('.topCir,.bottomCir').css('display', 'none');
            });
        });

    </script>


    <!--F5新闻-->
    <div class="news">
        <div class="news-center">
            <ul class="news-title">
                <li class="news-li" id="newstt0">项目动态</li>
                <li id="newstt1">公司新闻</li>
                <li id="newstt2">千助学院</li>
            </ul>
            <div class="news-content">
                <ul class="news-content-ul">
                    <li class="news-ul current">
                        <h3>响应式网站建设项目开通上线啦！</h3>

                        <div class="news-img" id="news-img">
                            <div id="news-imgcontent0" class="news-imgcontent">
                                <img src="images/pz-xm0.jpg" alt=""/>
                                <img src="images/pz-xm1.jpg" alt=""/>
                                <img src="images/pz-xm2.png" alt=""/>
                                <img src="images/pz-xm0.jpg" alt=""/>
                            </div>
                        </div>
                        <ol class="news-ol" id="news-ol">
                            <li class="current"></li>
                            <li></li>
                            <li></li>
                        </ol>
                        <div class="news-p">
                            <p>网站运用蓝色为网站的主色调，简洁大气，体现专业，实力优势。</p>

                            <p>
                                在内页设计方面，采用简单个性化的设计，与网站整体舒适又大气的风格一致，而且每个页面之间的点击切换都采用了简单的动态效果，能吸引人的眼球，更让网站整体如行云流水般顺畅，给予用户非常良好的体验。</p>

                            <p>除此之外，该网站还采用了响应式网页设计，页面可根据显示终端的屏幕宽度，进行自适应定位布局，让设计更加可控!</p>
                        </div>
                    </li>
                    <li class="news-ul">
                        <h3>端午放假通知</h3>
                        <ol class="news-ol" id="news-ol1">
                            <li class="current"></li>
                            <li></li>
                            <li></li>
                        </ol>
                        <div class="news-img" id="news-img1">
                            <div id="news-imgcontent1" class="news-imgcontent">
                                <img src="images/news-xw0.jpg"/>
                                <img src="images/news-xw1.jpg"/>
                                <img src="images/news-xy2.jpg"/>
                                <img src="images/news-xw0.jpg"/>
                            </div>
                        </div>
                        <div class="news-p">
                            <p>
                                一年一度的端午节即将到来，让我们端起清香的粽子，放下生活的烦恼；让我们端起浓香的红酒，放下工作的忧愁；让我们端起开心的微笑，放下身心的困扰。在此优网科技祝愿大家笑口常开，生活美满！根据国家节假日放假的有关规定，现将优网科技的2016年端午节放假安排通知如下：</p>

                            <p>2016年6月9日（星期四）至6月11日（星期六）放假，共3天；6月12日（星期日）正常上班。</p>
                        </div>
                    </li>
                    <li class="news-ul">
                        <h3>运用卡片设计之前，你需要考量的事情</h3>
                        <ol class="news-ol" id="news-ol2">
                            <li class="current"></li>
                            <li></li>
                            <li></li>
                        </ol>
                        <div class="news-img" id="news-img2">
                            <div id="news-imgcontent2" class="news-imgcontent">
                                <img src="images/news-xy0.png" alt=""/>
                                <img src="images/news-xy1.jpg" alt=""/>
                                <img src="images/news-xy2.jpg" alt=""/>
                                <img src="images/news-xy0.png" alt=""/>
                            </div>
                        </div>
                        <div class="news-p">
                            <p>1、信息流</br>
                                卡片出现在一个信息流中时，便能够创建出一系列符合自然时间轴的事件。想想看 Facebook
                                在新的信息流中是如何使用卡片来描述一个事件概述的。虽然总的信息流是无底限的，但是每一个卡片都是互相独立，且包含了一定的可供操作的内容。</p>

                            <p>2、用于发现感兴趣的内容....</p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>


    <!--F6联系我们-->
    <div id="f7" class="aboutContact">
        <div class="f71" style="display: none">
            <div class="aboutTit wp">
                <h4 class="whiteColor"><b>联系我们</b><span>Contact us</span></h4>

                <p class="whiteWord fz18">千助邀您携手共创互惠未来！</p>
            </div>
            <div class="acCon wp fixed">
                <div class="acCardBox fanL">
                    <div class="acCard">
                        <h3><b>北京总部</b>BEI JING</h3>

                        <p>服务电话： 010-58859097 58851650</p>

                        <p>服务监督： 18666627370</p>

                        <p>邮政编号： 100085</p>

                        <p>电子邮箱： info@uweb.net.cn</p>

                        <p>公司地址： 海淀区上地东路盈创动力E座905<a href=# target="_blank" title="点击查看"></a></p>

                    </div>
                </div>
                <div class="acCardBox fanR">
                    <div class="acCard">
                        <h3><b>深圳</b>SHEN ZHEN</h3>

                        <p>服务电话： 18666627370</p>

                        <p>服务监督： 18666627370</p>

                        <p>邮政编号： 518000</p>

                        <p>电子邮箱： 1000zhu@uweb.net.cn</p>

                        <p>公司地址： 深圳市福田区车公庙泰然九路盛唐大厦西座1402<a href=# target="_blank" title="点击查看"></a></p>

                    </div>
                </div>
            </div>
        </div>
    </div>
    <script>
        $(window).scroll(function () {
            var h = $(window).scrollTop();

            if (h >= 3000) {
                $(".f71").show();
            }
        });


    </script>

    <div class="footer">
        <div class="wp clearfix">
            <div class="footerLeft">
                <div class="fastLink">
                    <a href="#">人才招聘</a>
                    <a href="#">网站地图</a>
                    <a href="#">常见问题</a>
                    <a href="#">隐私条款</a>
                    <a href="#">联系我们</a>
                </div>

                <div class="keyword">
                    KEYWORD：广州网站制作|广州微信定制|广州网站建设|广州网站建设公司|广州高端网站建设|深圳高端网站建设|深圳高端网站设计|深圳网站设计公司|深圳微信网站<br>深圳网站制作公司|深圳市网站设计公司|深圳网站建设公司
                </div>
            </div>


            <div class="copyRight">
                <p><span class="pdisplay"></span> 备案号：<a target="_blank" href="#">粤ICP备09025660号</a></p>

                <p>Copyright © 2014 All Rights Reserved</p>
                <ul class="fixed">
                    <li><a href="#"><img src="images/footer1.png" alt=""/></a></li>
                    <li><a href="#"><img src="images/footer2.png" alt=""/></a></li>
                    <li><a href="#"><img src="images/footer3.png" alt=""/></a></li>
                </ul>
            </div>

        </div>
    </div>
</div>
</div>
<!--右侧悬停-->

<ul class="indexFloatCon">
    <li><a href="javascript:;" class="indexGoTop" title="返回顶部" style="top: 0px;"></a></li>

    <!--小火箭显示隐藏以及返回顶部-->
    <script>
        $(window).scroll(function () {
            var st = $(window).scrollTop();

            if (st > 90) {
                $('.indexFloatCon .indexGoTop').stop().animate({
                    top: 0
                });
            } else {
                $('.indexFloatCon .indexGoTop').stop().animate({
                    top: '46px'
                });
            }
        });
        //小火箭返回顶部
        $(".indexGoTop").click(function () {
            $("html,body").stop().animate({"scrollTop": "0px"}, 1000);

        })


    </script>


    <li><a href="#" title="点击咨询" class="online" style="left: 0px;">在线服务</a></li>

    <!--在线咨询-->

    <script>
        $(".online").mouseenter(function () {
                    $(".online").stop().animate({"left": "-90px"}, 500);

                }
        );
        $(".online").mouseleave(function () {
                    $(".online").stop().animate({"left": "0px"}, 500);

                }
        );
    </script>


    <li class="wenti">
        <a href="#"></a>
        <dl class="wentiCon clearfix" style="display:none ">
            <dt><a href="#">更多&gt;</a><span>常见问题</span></dt>
            <dd><a href="#" target="_blank">· APP的开发需购买哪一种苹果账号</a></dd>
            <dd><a href="#" target="_blank">· 如何制定网站营销活动监测方案？</a></dd>
            <dd><a href="#" target="_blank">· 怎么适合自身网站的推广手法?</a></dd>
            <dd><a href="#" target="_blank">· 网站设计高手如何促进电商销售</a></dd>
            <dd><a href="#" target="_blank">· 如何规避网站运营中常见的错误?</a></dd>
            <dd><a href="#" target="_blank">· 如何产生网页设计中有效注意力?</a></dd>
            <dd><a href="#" target="_blank">· 如何建设一个成功的网站</a></dd>
        </dl>
    </li>


    <!--问题-->
    <script>
        $(".wenti").mouseenter(function () {

            $(".wentiCon").css("display", "block");
        });
        $(".wenti").mouseleave(function () {

            $(".wentiCon").css("display", "none");
        });
    </script>


    <li class="ewmLi">
        <a href="javascript:;" class="erweima"></a>

        <div class="ewmCon clearfix" style="display: none;">
            <div class="ewm"><img src="images/wechat_code.jpg">

                <p>千助</p></div>
            <div class="ewm"><img src="images/weim.jpg">

                <p>手机站</p></div>
        </div>
    </li>
    <script>
        $(".ewmLi").mouseenter(function () {

            $(".ewmCon").css("display", "block");
        });
        $(".ewmLi").mouseleave(function () {

            $(".ewmCon").css("display", "none");
        });
    </script>
    <script>
        $(function () {
            $(".list-inline").children().eq(7).click();
        });
    </script>
</ul>

</body>
</html>